<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者荣耀</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- 网盘地址：https://active.clewm.net/FrcyFA -->
</head>

<body>
    <!-- 顶部横幅 -->
    <div class="top-banner">
        <div class="banner-inner">
            <div class="logo fl">
                <a href="#"></a>
            </div>
            <div class="advert fl">
                <img src="imgs/advert_small.jpg" alt="" class="small">
                <img src="imgs/advert_big.jpg" alt="" class="big">
            </div>
            <div class="menu fr">
                <div class="menu1 fl">
                    <a href="#">成长守护平台</a>
                </div>
                <div class="menu2 fl">
                    <span>腾讯游戏热门推荐</span>
                </div>
            </div>
        </div>
    </div>

    <!-- 顶部导航 -->
    <header class="top-nav">
        <div class="main-nav">
            <h1 class="fl"><a href="#">王者荣耀</a></h1>
            <nav class="fl">
                <ul>
                    <li class="fl"><a href="#">游戏资料<span>DATA</span></a></li>
                    <li class="fl"><a href="#">内容中心<span>CONTENTS</span></a></li>
                    <li class="fl"><a href="#">赛事中心<span>MATCH</span></a></li>
                    <li class="fl"><a href="#">百态王者<span>CULTURE</span></a></li>
                    <li class="fl"><a href="#">社区互动<span>COMMUNITY</span></a></li>
                    <li class="fl"><a href="#">玩家支持<span>PLAYER</span></a></li>
                    <li class="fl"><a href="#">IP新游<span>NEW GAMES</span></a></li>
                </ul>
            </nav>
            <div class="login-pannel fl">
                <a class="avatar fl" href="#"></a>
                <div class="unlogin fl">
                    <a class="block" href="#">欢迎登录</a>
                    <span>登录后查看游戏战绩</span>
                </div>
            </div>
        </div>
        <div class="sub-nav">
            <p>上路真是才，亲尺台太轻后死丹第自二单到促不到越，韩秦派未不必洋斗快给严他土娇严乌揽哉游，家下子李也卑者饮衣他兄、，你嗣落外者宫千况是明，人定两是以切说，下有者逃锐等，土属兼倒承的到皇说韩的时之中，可冒县拿情的严感反啦的畴惜或下是徒的，位幕李了未苟哥认者说。
        </div>
    </header>

    </p>
    <!-- 海报 -->
    <div class="bg-wrapper">
        <div class="bg"></div>
        <a href="#" title="查看详情">查看详情</a>
    </div>

    <!-- 内容区域 -->
    <div class="content"></div>

    <!-- 右侧导航 -->
    <aside class="r-nav"></aside>

    <!-- 页脚 -->
    <footer class="nav-footer"></footer>
</body>

</html>